<template>
<view>
	<view class="content">
		<view class="column-title">
			<h6>全部动态</h6>
			<navigator url="/pages/publish/publish" class="column-btn">发布</navigator>
		</view>
		<view class="clock-list">
			<DynamicItem v-for="(item, key) in clockList" :key="key" :dynamic="item"></DynamicItem>
		</view>
	</view>
</view>
</template>

<script>
import DynamicItem from "@/components/DynamicItem/DynamicItem"
export default {
	components: {
		DynamicItem
	},
	data() {
		return {
			clockList: []
		}
	},
	onLoad() {
		this.getClockList()
	},
	methods: {
		getClockList() {
			this.clockList = [
				{
					'name': '姓名',
					'avatar': 'https://img.52z.com/upload/news/image/20180926/20180926123720_24407.jpg',
					'mood_num': 100,
					'content': '一条任务内容',
					'date': '2019-05 09 15:00:00',
					'days': 365,
					'images': [
						'https://img.52z.com/upload/news/image/20180926/20180926123720_24407.jpg',
						'https://img.52z.com/upload/news/image/20180926/20180926123720_24407.jpg',
						'https://img.52z.com/upload/news/image/20180926/20180926123720_24407.jpg'
					]
				},
				{
					'name': '姓名',
					'avatar': 'https://img.52z.com/upload/news/image/20180926/20180926123720_24407.jpg',
					'mood_num': 100,
					'content': '一条任务内容',
					'date': '2019-05 09 15:00:00',
					'days': 365,
					'images': [
						'https://img.52z.com/upload/news/image/20180926/20180926123720_24407.jpg',
						'https://img.52z.com/upload/news/image/20180926/20180926123720_24407.jpg',
						'https://img.52z.com/upload/news/image/20180926/20180926123720_24407.jpg'
					]
				}
			]
		}
	}
}
</script>

<style lang="scss">
@import '@/static/css/base.scss';
.column-title{margin-top: 20upx;}
.column-btn{
	background-color: $baseColor; color: #FFF; width: 130upx; height: 53upx; color: #FFF; border-radius: 8upx; line-height: 53upx; text-align: center; color: #FFF !important;
}
</style>
